function showAdditionalInfo() {
    const userType = document.getElementById('userType').value;
    document.getElementById('patientInfo').style.display = 'none';
    document.getElementById('doctorInfo').style.display = 'none';

    if (userType === 'patient') {
        document.getElementById('patientInfo').style.display = 'block';
    } else if (userType === 'doctor') {
        document.getElementById('doctorInfo').style.display = 'block';
    }
}